<!--
 * @FilePath: /my-map-demo/src/layouts/DefaultLayout.vue
 * @Author: 张文鑫
 * @Date: 2024-11-30 22:33:02
 * @Description: 
-->
<template>
  <div class="layout">
    <aside class="layout-sidebar">
      <div class="title">GIS-Platform</div>
      <Sidebar />
    </aside>
    <main class="layout-content">
      <router-view />
    </main>
  </div>
</template>

<script setup>
import Sidebar from "@/components/Sidebar.vue";
</script>

<style scoped lang="scss">
.layout {
  display: flex;
  height: 100vh;
}

.layout-sidebar {
  width: 200px;
  background-color: #2d3a4b;
  .title {
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 20px;
  }
}

.layout-content {
  flex: 1;
  padding: 20px;
  overflow: auto;
}
</style>
